﻿<!DOCTYPE html>
<html>
  <head>
    <title>5.3.1支付页面</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/5_3_1支付页面/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/ie.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="files/5_3_1支付页面/data.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u9949" class="ax_default _形状">
        <div id="u9949_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u9950" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u9951" class="ax_default box_1">
        <div id="u9951_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u9952" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u9953" class="ax_default box_1">
        <div id="u9953_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u9954" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u9955" class="ax_default box_3">
        <div id="u9955_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u9956" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (导航) -->

      <!-- Unnamed (矩形) -->
      <div id="u9958" class="ax_default _形状">
        <div id="u9958_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u9959" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u9960" class="ax_default primary_button">
        <div id="u9960_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u9961" class="text" style="visibility: visible;">
          <p><span>发布需求</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u9962" class="ax_default _形状">
        <img id="u9962_img" class="img " src="images/春节提示/u92.png"/>
        <!-- Unnamed () -->
        <div id="u9963" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (占位符) -->
      <div id="u9964" class="ax_default _形状">
        <img id="u9964_img" class="img " src="images/春节提示/u94.png"/>
        <!-- Unnamed () -->
        <div id="u9965" class="text" style="visibility: visible;">
          <p><span>LOGO</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u9966" class="ax_default _标题1">
        <div id="u9966_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u9967" class="text" style="visibility: visible;">
          <p><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;font-style:normal;">软件和服务</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u9968" class="ax_default _标题1">
        <div id="u9968_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u9969" class="text" style="visibility: visible;">
          <p><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;font-style:normal;">项目大厅</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u9970" class="ax_default _文本">
        <div id="u9970_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u9971" class="text" style="visibility: visible;">
          <p><span>开源中国社区</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u9972" class="ax_default _文本">
        <div id="u9972_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u9973" class="text" style="visibility: visible;">
          <p><span>开源中国招聘</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u9974" class="ax_default _文本">
        <div id="u9974_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u9975" class="text" style="visibility: visible;">
          <p><span>团队协作平台</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u9976" class="ax_default _文本">
        <div id="u9976_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u9977" class="text" style="visibility: visible;">
          <p><span>代码托管</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u9978" class="ax_default _文本">
        <div id="u9978_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u9979" class="text" style="visibility: visible;">
          <p><span>消息</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u9980" class="ax_default _文本">
        <div id="u9980_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u9981" class="text" style="visibility: visible;">
          <p><span>空格</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u9982" class="ax_default _文本">
        <div id="u9982_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u9983" class="text" style="visibility: visible;">
          <p><span>下载</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u9984" class="ax_default _文本">
        <div id="u9984_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u9985" class="text" style="visibility: visible;">
          <p><span>我的项目</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u9986" class="ax_default _文本">
        <div id="u9986_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u9987" class="text" style="visibility: visible;">
          <p><span>5分钟项目估计</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u9988" class="ax_default _标题1">
        <div id="u9988_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u9989" class="text" style="visibility: visible;">
          <p><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;font-style:normal;">人才库</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u9990" class="ax_default icon">
        <img id="u9990_img" class="img " src="images/春节提示/u120.png"/>
        <!-- Unnamed () -->
        <div id="u9991" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u9992" class="ax_default _文本">
        <div id="u9992_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u9993" class="text" style="visibility: visible;">
          <p><span style="text-decoration:underline;">签到</span></p>
        </div>
      </div>

      <!-- 说明 (矩形) -->
      <div id="u9994" class="ax_default box_1 ax_default_hidden" data-label="说明" style="display: none; visibility: hidden">
        <div id="u9994_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u9995" class="text" style="visibility: visible;">
          <p><span>海量软件和服务供您挑选</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u9996" class="ax_default box_3">
        <div id="u9996_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u9997" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u9998" class="ax_default box_3">
        <div id="u9998_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u9999" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (侧边导航-账户二级) -->

      <!-- Unnamed (文本段落) -->
      <div id="u10001" class="ax_default _文本">
        <img id="u10001_img" class="img " src="images/5_1账户/u7896.png"/>
        <!-- Unnamed () -->
        <div id="u10002" class="text" style="visibility: visible;">
          <p><span>账户安全</span></p>
        </div>
      </div>

      <!-- Unnamed (文本段落) -->
      <div id="u10003" class="ax_default _文本">
        <img id="u10003_img" class="img " src="images/5_1账户/u7896.png"/>
        <!-- Unnamed () -->
        <div id="u10004" class="text" style="visibility: visible;">
          <p><span>我的申诉</span></p>
        </div>
      </div>

      <!-- Unnamed (文本段落) -->
      <div id="u10005" class="ax_default _文本">
        <img id="u10005_img" class="img " src="images/5_1账户/u7896.png"/>
        <!-- Unnamed () -->
        <div id="u10006" class="text" style="visibility: visible;">
          <p><span>资金账户</span></p>
        </div>
      </div>

      <!-- Unnamed (文本段落) -->
      <div id="u10007" class="ax_default _文本">
        <img id="u10007_img" class="img " src="images/5_1账户/u7902.png"/>
        <!-- Unnamed () -->
        <div id="u10008" class="text" style="visibility: visible;">
          <p><span>支出</span></p>
        </div>
      </div>

      <!-- Unnamed (文本段落) -->
      <div id="u10009" class="ax_default _文本">
        <img id="u10009_img" class="img " src="images/5_1账户/u7902.png"/>
        <!-- Unnamed () -->
        <div id="u10010" class="text" style="visibility: visible;">
          <p><span>收入</span></p>
        </div>
      </div>

      <!-- Unnamed (文本段落) -->
      <div id="u10011" class="ax_default _文本">
        <img id="u10011_img" class="img " src="images/5_1账户/u7906.png"/>
        <!-- Unnamed () -->
        <div id="u10012" class="text" style="visibility: visible;">
          <p><span>资金账户设置</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u10013" class="ax_default line">
        <img id="u10013_img" class="img " src="images/5_1账户/u7908.png"/>
        <!-- Unnamed () -->
        <div id="u10014" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (热区) -->
      <div id="u10015" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u10016" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u10017" class="ax_default">
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10018" class="ax_default box_3">
        <div id="u10018_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u10019" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (侧边导航-我的工作台一级) -->

      <!-- Unnamed (椭圆形) -->
      <div id="u10021" class="ax_default ellipse">
        <img id="u10021_img" class="img " src="images/5_0我的工作台/u7591.png"/>
        <!-- Unnamed () -->
        <div id="u10022" class="text" style="visibility: visible;">
          <p><span>头像</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10023" class="ax_default _文本">
        <div id="u10023_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u10024" class="text" style="visibility: visible;">
          <p><span>账户</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10025" class="ax_default _文本">
        <div id="u10025_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u10026" class="text" style="visibility: visible;">
          <p><span>项目</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10027" class="ax_default _文本">
        <div id="u10027_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u10028" class="text" style="visibility: visible;">
          <p><span>消息</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10029" class="ax_default _文本">
        <div id="u10029_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u10030" class="text" style="visibility: visible;">
          <p><span>机会</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10031" class="ax_default _文本">
        <div id="u10031_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u10032" class="text" style="visibility: visible;">
          <p><span>店铺</span></p>
        </div>
      </div>

      <!-- 店铺 (热区) -->
      <div id="u10033" class="ax_default" data-label="店铺">
      </div>

      <!-- 项目 (热区) -->
      <div id="u10034" class="ax_default" data-label="项目">
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10035" class="ax_default _形状">
        <div id="u10035_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u10036" class="text" style="visibility: visible;">
          <p><span>LV1</span></p>
        </div>
      </div>

      <!-- 账户 (热区) -->
      <div id="u10037" class="ax_default" data-label="账户">
      </div>

      <!-- 消息 (热区) -->
      <div id="u10038" class="ax_default" data-label="消息">
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10039" class="ax_default _文本">
        <div id="u10039_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u10040" class="text" style="visibility: visible;">
          <p><span>工作台</span></p>
        </div>
      </div>

      <!-- 工作台 (热区) -->
      <div id="u10041" class="ax_default" data-label="工作台">
      </div>

      <!-- 资料 (热区) -->
      <div id="u10042" class="ax_default" data-label="资料">
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10043" class="ax_default _文本">
        <div id="u10043_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u10044" class="text" style="visibility: visible;">
          <p><span>充值</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10045" class="ax_default _文本">
        <div id="u10045_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u10046" class="text" style="visibility: visible;">
          <p style="font-size:16px;"><span style="font-size:13px;">当前账户余额：</span><span>￥12.50&nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10047" class="ax_default _文本">
        <div id="u10047_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u10048" class="text" style="visibility: visible;">
          <p><span>订单信息：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10049" class="ax_default _文本">
        <div id="u10049_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u10050" class="text" style="visibility: visible;">
          <p><span>支付之后，帐户余额将立即到账</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u10051" class="ax_default _横线">
        <img id="u10051_img" class="img " src="images/5_3_1支付页面/u10051.png"/>
        <!-- Unnamed () -->
        <div id="u10052" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10053" class="ax_default _文本">
        <div id="u10053_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u10054" class="text" style="visibility: visible;">
          <p><span>下单时间：</span></p><p><span>2016/01/30 14:55:20</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10055" class="ax_default _文本">
        <div id="u10055_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u10056" class="text" style="visibility: visible;">
          <p><span style="color:#666666;">订单价格</span></p><p><span>￥3,333</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10057" class="ax_default _文本">
        <div id="u10057_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u10058" class="text" style="visibility: visible;">
          <p><span style="color:#666666;">状态</span></p><p><span>待支付</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10059" class="ax_default _文本">
        <div id="u10059_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u10060" class="text" style="visibility: visible;">
          <p><span>订单编号：hdihu347hu</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10061" class="ax_default _文本">
        <div id="u10061_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u10062" class="text" style="visibility: visible;">
          <p><span>[充值]账户余额充值</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u10063" class="ax_default _横线">
        <img id="u10063_img" class="img " src="images/5_3_1支付页面/u10063.png"/>
        <!-- Unnamed () -->
        <div id="u10064" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10065" class="ax_default _文本">
        <div id="u10065_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u10066" class="text" style="visibility: visible;">
          <p><span>选择支付方式：</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u10067" class="ax_default _横线">
        <img id="u10067_img" class="img " src="images/5_3_1支付页面/u10067.png"/>
        <!-- Unnamed () -->
        <div id="u10068" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10069" class="ax_default _文本">
        <div id="u10069_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u10070" class="text" style="visibility: visible;">
          <p style="font-size:28px;"><span style="font-size:13px;">在线支付总额：</span><span>￥12.50</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10071" class="ax_default _文本">
        <div id="u10071_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u10072" class="text" style="visibility: visible;">
          <p><span>支付之后，帐户余额将立即到账</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10073" class="ax_default box_1">
        <div id="u10073_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u10074" class="text" style="visibility: visible;">
          <p><span>确认充值</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10075" class="ax_default box_2">
        <div id="u10075_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u10076" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10077" class="ax_default _文本">
        <div id="u10077_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u10078" class="text" style="visibility: visible;">
          <p><span>&nbsp;第三方支付 | 个人网银 | 企业网银</span></p>
        </div>
      </div>

      <!-- Unnamed (占位符) -->
      <div id="u10079" class="ax_default placeholder">
        <img id="u10079_img" class="img " src="images/5_3_1支付页面/u10079.png"/>
        <!-- Unnamed () -->
        <div id="u10080" class="text" style="visibility: visible;">
          <p><span>支付宝</span></p>
        </div>
      </div>

      <!-- Unnamed (占位符) -->
      <div id="u10081" class="ax_default placeholder">
        <img id="u10081_img" class="img " src="images/5_3_1支付页面/u10081.png"/>
        <!-- Unnamed () -->
        <div id="u10082" class="text" style="visibility: visible;">
          <p><span>微信</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10083" class="ax_default box_2">
        <div id="u10083_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u10084" class="text" style="visibility: visible;">
          <p><span>温馨提醒</span></p><p><span>1. 充值之后立刻到账</span></p><p><span>2. 帐户余额可以用于开源中国众包的所有支付</span></p><p><span>3. 帐户余额可以申请提现</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10085" class="ax_default label">
        <div id="u10085_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u10086" class="text" style="visibility: visible;">
          <p><span style="color:#528FCC;">说明</span></p><p><span style="color:#528FCC;">1，充值：</span></p><p><span style="color:#666666;">a.显示当前账户余额以及提示信息</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u10087" class="ax_default marker">
        <img id="u10087_img" class="img " src="images/1_1项目大厅/u1037.png"/>
        <!-- Unnamed () -->
        <div id="u10088" class="text" style="visibility: visible;">
          <p><span>1</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
